<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/production.css">
    <link rel="stylesheet" href="css/reset.css">
    <title>GIS控制台</title>
</head>

<body>
    <div id="box">
        <div class="top">
            <div class="top-1">
                渔业资源管理系统
            </div>
            <div class="top-2">
                <ul>
                    <li>GIS控制台</li>
                    <li>计划任务管理</li>
                    <li>生产主体库</li>
                    <li>命名管理</li>
                    <li>基础信息管理</li>
                    <li>系统管理</li>
                </ul>
            </div>
            <div class="top-3">
                <div class="top3-img"></div>
                <div class="top3-box">
                    区级信息员:admin
                    <div class="d1"></div>
                </div>
            </div>

        </div>
        <!-- top结束 -->
        <div class="main">
            <!-- left开始 -->
            <div class="main-box1">
                <div class="left">
                    <div class="left-div1">
                        <!-- <span></span> -->
                        <img src="image/008.png" alt="">
                        <span>生产主体库</span>
                    </div>
                    <div>
                        <img src="image/009.png" alt="">
                        <span>鱼塘生产信息库</span>
                    </div>
                </div>
            </div>
            <!-- left结束 -->
            <!-- head开始 -->
            <div class="main-box2">
                <div class="head">
                    <ul>
                        <li>
                            <span>渔业资源管理系统</span>
                            <span class="sp">/</span>
                            <span>生产主体库</span>
                            <span class="sp">/</span>
                            <span>生产主体库</span>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- head结束 -->
        </div>
        <!-- main-box3 -->
        <div class="main-box3">
            <div>
                <div class="main-box3-b1">
                    <span>主体名称</span>
                    <div class="b1">
                        <input type="text" placeholder="请输入"><span><span>0</span>/30</span>
                    </div>
                </div>
                <div class="main-box3-b2">
                    <span>主体类型</span>
                    <select name="" id="" class="b2">
                        <option value="" >请选择(个体户、合作社、企业</option>
                        <option value="">全部</option>
                        <option value="">个体户</option>
                        <option value="">合作社</option>
                        <option value="">企业</option>
                    </select>
                </div>
                <div class="main-box3-b3">
                    <span>查询</span>
                    <span>重置</span>
                </div>
            </div>
        </div>
        <!-- main-box3结束 -->
        <!-- main-box4 -->
        <div class="main-box4">
            <div class="main-box4-header">
                <div class="hearder-1">
                    <!-- <span>ID</span> -->
                    <span>主体名称</span>
                </div>
                <div class="hearder-2">
                    <span>联系人</span>
                    <span>电话</span>
                </div>
                <div class="hearder-3">
                    <span>主体类别</span>
                    <span>主体组织机构</span>
                </div>
                <div class="hearder-4">
                    <span>基地</span>
                    <span>主体地址</span>
                </div>
                <div>
                    <span>新增</span>
                    <span>导出</span>
                    <span>导入</span>
                </div>
            </div>
        </div>
        <!-- main-box4结束 -->
    </div>
</body>

</html>